<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        div{
color: lightpink;
            font-size: 30px;
            background-color: #8ff599;
            border: dodgerblue 5px solid;
            width: 150px;
            height: 150px;
            margin-left:auto ;
            /*左外边距-自动*/
            margin-right:auto ;
            /*右外边距-自动*/
            text-align: center;
            /*文字居中*/

        }

        a{
            font-size: 50px;
            text-decoration: none;
            /*去掉下划线*/
        }

        table{
            border: 5px solid #55e5a7;
            border-collapse: collapse;
            /*表格边框合并*/
        }

        td{
            border: 2px solid blue;
        }

        ul{
            list-style: none;
            /*去掉前面修饰点*/
        }

    </style>
</head>
<body>

<div>春日不迟</div>
<br>
<a href="http://localhost:8080">相逢会有时</a>

<table>
    <tr>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
    </tr>
</table>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

</body>
</html>